#sidebar{
    height:400px;
    background:rgba(0,0,0,0.5);
    color:white;
    border-radius:10px 0px 0px 10px;
    border-right:1px solid rgba(255,255,255,0.1);
  }
  #sidebar table{
    margin-top:15px;
  }
  #sidebar table tr td{
    text-align:center;
    padding:5px;
    font-size:14px;
  }
  #sidebar table tr td a{
    text-decoration:none;
    color:white;
    font-size:14px;
  }
  #sidebar table tr td img{
    width:90%;
    display:inline-block !important;
  }
  @-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);
  }to {
    -webkit-transform: rotate(360deg);
  }}
  @keyframes rotation {
    from {transform: rotate(0deg);
  }to {
    transform: rotate(360deg);
  }}
  .Rotation {
    animation: rotation 8s linear infinite;
    -moz-animation: rotation 8s linear infinite;
    -webkit-animation: rotation 8s linear infinite;
    -o-animation: rotation 8s linear infinite;
  }

  /* 文字特效 */
  .fontcontent {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Muli';
    color: #ecf0f1;
    height: 20px;
    overflow: hidden;
  }
  
  .visible {
    overflow: hidden;
  }
  ul {
    margin-top: 0;
    list-style: none;
    -webkit-animation: 12s linear 0s normal none infinite change;
            animation: 12s linear 0s normal none infinite change;
  }
  
  ul li {
    line-height: 20px;
    margin: 0;
  }
  
  @-webkit-keyframes opacity {
    0%, 100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @keyframes opacity {
    0%, 100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  @-webkit-keyframes change {
    0%, 12%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    17%,29% {
      -webkit-transform: translateY(-25%);
              transform: translateY(-25%);
    }
    34%,46% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    51%,63% {
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    68%,80% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    85%,97% {
      -webkit-transform: translateY(-25%);
              transform: translateY(-25%);
    }
  }
  @keyframes change {
    0%, 12%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    17%,29% {
      -webkit-transform: translateY(-25%);
              transform: translateY(-25%);
    }
    34%,46% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    51%,63% {
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    68%,80% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    85%,97% {
      -webkit-transform: translateY(-25%);
              transform: translateY(-25%);
    }
  }